<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="hwy" />
    <meta name="keywords" content="博客,个人博客,个人网站,黄伟杨个人博客,黄伟杨博客,PHP,Laravel,Lara博客"/>
    <meta name="description" content="黄伟杨个人博客是一个分享技术和生活的个人博客" />
    <meta name="baidu-site-verification" content="code-rN1u4tWLl4" />
    <title>{{ config('app.name') }}</title>


    <link href="{{ asset('/admin/layui/css/layui.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('/css/index/index_style.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('/css/index/animate.min.css') }}" rel="stylesheet" type="text/css">
</head>
<body>
<div id="menu" class="hover_animation menu_open" data-mark="false">
    <span></span>
    <span></span>
    <span></span>
</div>
<div id="navgation" class="navgation navgation_close">
    <ul class="point">
        @foreach($nav as $value)
            <li><a href="{{$value['url']}}">{{$value['title']}}</a></li>
        @endforeach
    </ul>

    <div class="logo"><a>Mr.Hwy</a></div>
</div>
<div class="section" id="section1">
    <div class="fp-tablecell">
        <div class="page1">
            <div class="nav wow zoomIn" data-wow-duration="2s">
                <h1>Hwy</h1>
                <p>愿往日所有的遗憾，都是未来惊喜的铺垫</p>
                <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="{{route('article.index')}}">进入博客</a>
            </div>
            <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
        </div>
    </div>
</div>
<div class="section" id="section2">
    <div class="fp-tablecell">
        <div class="page2">
            <div class="warp-box">
                <div class="new-article">
                    <div class="inner wow fadeInDown" data-wow-delay=".2s">
                        <h1>热门文章</h1>
                        <p>
                            很想给你写封信,告诉你这里的天气.
                            <br>昨夜的那场电影,还有我的心情.
                        </p>
                    </div>
                </div>
                <div class="layui-row">
                    @foreach($hot_article as $key => $value)
                    <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay="{{$key*0.2}}s" style="padding: 0 10px">
                        <div class="single-news">
                            <div class="news-head">
                                <img src="{{ asset('images/1.jpg') }}">
                                <a href="{{route('article.read',$value['id'])}}" class="link" target="_blank"><i class="fa fa-link"></i></a>
                            </div>
                            <div class="news-content">
                                <h4>
                                    <a href="{{route('article.read',$value['id'])}}" target="_blank">
                                        {{$value['name']}}
                                    </a>
                                </h4>
                                <div class="date">
                                    {{$value['created_at']}}
                                </div>
                                <p>
                                    {{$value['describe']}}
                                </p>
                                <a href="{{route('article.read',$value['id'])}}" class="btn" target="_blank">
                                    阅读更多
                                </a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>

<div class="section" id="section3">
    <div class="fp-tablecell">
        <div class="page3">
            <div class="warp-box">
                <div class="warp">
                    <div class="inner">
                        <div class="links">
                            <ul>
                                <li class="wow fadeInLeft"><a href="{{ route('news.index') }}">+资讯</a></li>
                                <li class="wow fadeInRight"><a href="{{ route('article_stock.index') }}" target="_blank">+九木</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section4">
    <div class="fp-tablecell">
        <div class="page4">
            <div class="warp-box">
                <div class="about">
                    <div class="inner">
                        <h1 class="wow fadeInLeft">次元使者</h1>
                        <p class="wow fadeInRight">
                            爱好游戏，动漫。闲来无事喜欢在一些不健康的场所虚度光阴，撸起代码就会废寝忘食。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="footer wow fadeInUp" id="contact">
    <div class="footer-top">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget about">
                        <div class="footer-logo">
                            <h2>Hwy</h2>
                        </div>
                        <p>愿往日所有的遗憾，都是未来惊喜的铺垫</p>
                        <div class="button">
                            <a href="{{ route('article.index') }}" class="btn layui-btn layui-btn-normal">文章</a>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget">
                        <h2>相关链接</h2>
                        <ul class="social-icon">
                            <li class="active"><a href="{{ route('index') }}"><i class="fa fa-snowflake-o"></i>首页</a></li>
                            <li class="active"><a href="{{ route('article.index') }}"><i class="fa fa-book"></i>文章</a></li>
                            <li class="active"><a href="{{ route('news.index') }}"><i class="fa fa-comments"></i>资讯</a></li>
                            <li class="active"><a href="{{ route('article_stock.index') }}"><i class="fa fa-share"></i>九木</a></li>
                            <li class="active"><a href="{{ route('article.place_index') }}"><i class="fa fa-files-o"></i>归档</a></li>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                    <div class="single-widget contact">
                        <h2>联系我</h2>
                        <ul class="list">
                            <li><i class="fa fa-map"></i>地址: 福建省厦门</li>
                            <li><i class="fa fa-qq"></i>QQ: 429208948 </li>
                            <li><i class="fa fa-envelope"></i>邮箱: 429208948@qq.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                    <p>Copyright &copy; 2020-2021 hwy All Rights Reserved V.1.0.0 备案号：<a href="http://beian.miit.gov.cn" target="_blank" style="color: #fff">闽ICP备20004189号</a></p>
                </div>
            </div>
        </div>
    </div>
</footer>
<script src="{{ asset('/admin/layui/layui.js') }}"></script>
<script src="{{ asset('/js/index/wow.min.js') }}"></script>
<script src="{{ asset('/js/index/index.js') }}"></script>
</body>
</html>
